<extend name="Common/base"/>
<block name="title">课程体系</block>
<block name="css"><link rel="stylesheet" href="__PUBLIC__/Home/styles/kechen.css"></block>
<block name="content">
    <div class="section">
        <div class="header-title">
            <h2 class="cn-title">PHP的课程提纲</h2>
            <h3 class="en-title">PHP Course Outline</h3>
        </div>
        <div class="col-md-5 col-xs-12 col-sm-12 kecheng">
            <div class="col-md-6 col-xs-6 img"><img src="../../../../Public/Home/images/kechen1.png" alt=""></div>
            <div class="col-md-6 col-xs-6 kecheng-content">
                <h4>前端开发</h4>
                <ul class="list-unstyled">
                    <li>web前端</li>
                    <li>javascript 与jquery框架</li>
                    <li>HTML5+CSS3</li>
                    <li>FTP与SVN</li>
                </ul>
                </ul>
            </div>
        </div>
        <div class="col-md-5 col-xs-12 col-sm-12 kecheng">
            <div class="col-md-6 col-xs-6 img"><img src="../../../../Public/Home/images/kechen2.png" alt=""></div>
            <div class="col-md-6 col-xs-6 kecheng-content">
                <h4>PHP基础</h4>
                <ul class="list-unstyled">
                    <li>PHP基础</li>
                    <li>PHP字符串与数组</li>
                    <li>PHP文件操作、文件上传</li>
                    <li>PHP图像处理</li>
                </ul>
            </div>
        </div>
        <div class="col-md-5 col-xs-12 col-sm-12 kecheng">
            <div class="col-md-6 col-xs-6 img"><img src="../../../../Public/Home/images/kechen3.png" alt=""></div>
            <div class="col-md-6 col-xs-6 kecheng-content">
                <h4>PHP高级</h4>
                <ul class="list-unstyled">
                    <li>自制MVC框架</li>
                    <li>Smarty</li>
                    <li>redis</li>
                    <li>Ajax</li>
                </ul>
            </div>
        </div>
        <div class="col-md-5 col-xs-12 col-sm-12 kecheng">
            <img src="../../../../Public/Home/images/kecheng4.png" alt="">
        </div>
    </div>
    <div class="section">
        <div class="header-title">
            <h2 class="cn-title">PHP课程描述</h2>
            <h3 class="en-title">course description</h3>
        </div>
        <div class="row course">
            <div class="col-md-4 col-sm-4 col-xs-4 desc">
                <h4>《前端小牛入门课》</h4>
                <p>1. 熟练运用 HTML,CSS,Javascript,Jquery 等
                    主流前端网页技术；能完成绝大多数PC静态
                    网页制作。</p>
                <p>
                    2. 掌握 HTML5 + CSS3 流行技术， 可以胜任
                    移动端页面布局工作。
                </p>
                <p>
                    3. 掌握 前端框架 bootstrap , 可快速进行前端
                    规范化的项目开发。</p>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-4 desc selected">
                <h4>《后端入门课》</h4>
                <p>1. 学习主流语言 PHP 基础以及 Mysql 数据库
                    基础。掌握后端开发规范，能使用面向过程
                    式开发方式开发网站功能。</p>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-4 desc">
                <h4>《后端进阶课》</h4>
                <p>1. 学习PHP面向对象开发，并使用一套自制
                    MVC 框架，领悟PHP 新境界。</p>
                <p>
                    2. 深专Ajax , Smarty , Redis 等技术 , 着重提
                    升项目的用户体验以及性能。
                </p>
                <p>
                    3. 学习最新 TP 框架，为日后工作做足铺垫。</p>
            </div>
        </div>
    </div>
</block>
<block name="footer_content">
    <div class="header-title">
        <h2 class="cn-title">PHP课程安排</h2>
        <h3 class="en-title">course arrangement</h3>
    </div>
    <div class="service row">
        <div class="col-md-8 col-md-push-2">
            <table class="table-bordered table">
                <tr>
                    <th class="text-center">课程</th>
                    <th class="text-center">课时</th>
                    <th class="text-center">学习目标</th>
                </tr>
                <tr>
                    <td class="text-center">前端开发篇</td>
                    <td class="text-center">83课时</td>
                    <td class="text-center">熟悉如何将一张设计图（PSD）转换成网站前端页面并兼容各种浏览
                        器的技能。</td>
                </tr>
                <tr>
                    <td class="text-center">前端开发篇</td>
                    <td class="text-center">83课时</td>
                    <td class="text-center">熟悉如何将一张设计图（PSD）转换成网站前端页面并兼容各种浏览
                        器的技能。</td>
                </tr>
                <tr>
                    <td class="text-center">前端开发篇</td>
                    <td class="text-center">83课时</td>
                    <td class="text-center">熟悉如何将一张设计图（PSD）转换成网站前端页面并兼容各种浏览
                        器的技能。</td>
                </tr>
                <tr>
                    <td class="text-center">前端开发篇</td>
                    <td class="text-center">83课时</td>
                    <td class="text-center">熟悉如何将一张设计图（PSD）转换成网站前端页面并兼容各种浏览
                        器的技能。</td>
                </tr>
            </table>
        </div>
    </div>
</block>
<block name="js">
<script>
    $(function(){
        $('.container').fullpage({
            afterLoad:function(link, index){
                if (index == 2) {
                    $('.dot').each(function (index) {
                        $(this).transition({ rotate: 420*(index+1)+'deg' , opacity: 1} , 2500 );
                    })
                }
                $('.section').eq(index-1).find('.header-title').css('opacity',1).addClass('animated bounceInUp');
            },
            verticalCentered : false,
            resize : true
        });

        $('.course .desc').hover (function(){
            $('.course .desc').removeClass('selected')
            $(this).addClass('selected');
        })
    });
</script>
</block>